import { DeleteOutlined, EditOutlined, PlusOutlined } from "@ant-design/icons";
import { ProCard } from "@ant-design/pro-components";
import { Button, Space, Typography } from "antd";

import React from "react";

const { Title, Paragraph } = Typography;

const Page35: React.FC = () => {
  return (
    <div style={{ padding: 24 }}>
      <Title level={2}>页面 35</Title>
      <ProCard>
        <Paragraph>这是第 35 个页面，展示了不同的组件组合。</Paragraph>
        <Space>
          <Button type="primary" icon={<PlusOutlined />}>
            新增
          </Button>
          <Button icon={<EditOutlined />}>编辑</Button>
          <Button danger icon={<DeleteOutlined />}>
            删除
          </Button>
        </Space>
      </ProCard>
    </div>
  );
};

export default Page35;
